<template >
    <div >
 
  <router-link to="/smblack" >
    <input type="text" value="< 修改昵称" class="nn"> 
    </router-link>
    <br><br><br>

    <input type="text" placeholder="请输入昵称" class="inn">
</div >
    

    <br>

    <h4>好名字能让你朋友更容易记住你</h4>

    <van-button type="primary" class="contrue" block to="/smblack" round>确认</van-button>


 
 
    
    </template>



    
 <script>
 
 
 
 </script>
 <style scoped>
 h4{
    color:#C8C9CC;
    margin-left: 15px;
 }
 .nn{
  border: none;
  
  height: 30px;
  font-size: 16px;
  color:black;
  margin-left: 15px;
  background-color: #F3F5F7;
 }
 .inn{
  width:355px;
  height: 30px;
  font-size: 16px;
  color:black;
  margin-left:5px

 }
 .contrue{
  margin-top: 30px;
  

 }
 
 
 
 
 </style>